<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"
    />
    <link rel="stylesheet" href="./css/information.css" />
  </head>
  <body>
    <iframe
      marginwidth="0"
      marginheight="0"
      HSPACE="0"
      VSPACE="0"
      frameborder="0"
      scrolling="no"
      src="./head.html"
      height="“auto”"
      width="100%"
      style="vertical-align: bottom"
    ></iframe>
    <div id="body">
      <div id="left">
        <div class="attribute">
          <div class="attribute-headline">属性</div>
          <div class="attribute-content">
            <div class="attribute-box">
              <div class="attribute-fire"><span>火</span></div>
            </div>
          </div>
        </div>
        <div class="weakness">
          <div class="attribute-headline">弱点</div>
          <div class="attribute-content">
            <div class="attribute-box">
              <div class="attribute-water"><span>水</span></div>
            </div>

            <div class="attribute-box">
              <span class="attribute-ground"><span>地面</span></span>
            </div>

            <div class="attribute-box">
              <span class="attribute-rock"><span>岩石</span></span>
            </div>
          </div>
        </div>
      </div>
      <div id="middle">
        <div class="title">
          <span>宝可梦图鉴</span>
        </div>
        <div class="pkm-number">
          <span class="name">呆火鳄</span>
          <span class="number">No.0909</span>
        </div>
        <div class="pkm-img">
          <a href="./0000.html"
            ><img src="./img/呆火鳄展示图片.png" alt="" srcset=""
          /></a>
        </div>
      </div>
      <div id="right">
        <div id="xinxi">
          <div class="xinxi-tilte">基本信息</div>
          <div class="xinxi-content">
            <div class="xinxi-box">
              <span class="xinxi-type">身高</span>
              <span class="xinxi-text">0.4 m</span>
            </div>
            <div class="xinxi-box">
              <span class="xinxi-type">分类</span>
              <span class="xinxi-text">火鳄宝可梦</span>
            </div>
            <div class="xinxi-box">
              <span class="xinxi-type">体重</span>
              <span class="xinxi-text">9.8 kg</span>
            </div>
            <div class="xinxi-box">
              <span class="xinxi-type">性别</span>
              <span class="xinxi-text">雄/雌</span>
            </div>
            <div class="xinxi-box">
              <span class="xinxi-type">特性</span>
              <span class="xinxi-text">猛火</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
